<template name="ys-goods-num">
<view class="ys-goods-num">
    <view class="tip">数量</view>
    <view class="box">
        <button class="minus">-</button>
        <text class="num">1</text>
        <button class="add">+</button>
    </view>
</view>
</template>

<script>
    export default {
        name: "ys-goods-num",
        props: {
            num: {
                type: String,
                default: "1"
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
.ys-goods-num {
    position: relative;
    font-size: 30rpx;
    color: #808080;
    margin-top: 20upx;
    background-color: #fff;
    padding: 30upx;
    text-align: center;    
    .tip {
        float: left;
        line-height: 96upx;        
    }
    .box {
        display: inline-block;
        width: 348upx;
        height: 96upx;
        overflow: hidden;        
        .minus {
            float: left;
            height: 92upx;
            width: 96upx;
            line-height: 86upx;
            text-align: center;
            font-size: 60rpx;
            color: #e60013;            
            border-bottom-left-radius: 8upx;
            border-top-left-radius: 8upx;     
            padding: 0;
            margin: 0;                   
        }
        .num {
            float: left;
            height: 92upx;
            width: 152upx;
            line-height: 92upx;
            font-size: 36upx;
            color: #1A1A1A;
            text-align: center;
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;            
        }
        .add {
            float: left;
            height: 92upx;
            width: 96upx;
            line-height: 86upx;
            text-align: center;
            font-size: 60upx;
            color: #e60013;            
            border-bottom-left-radius: 8upx;
            border-top-left-radius: 8upx;   
            padding: 0;
            margin: 0;
        }
    }
}
</style>
